import { FC } from "react"
import { connect } from "react-redux"
import { useTranslation } from 'react-i18next'
import "./index.scss"

interface IOperation {}

const Operation: FC<IOperation> = () => {

    const { t } = useTranslation()

	return (
		<div id="operation">
            <div className="operation-title">
                <p>
                    Begi
                    <span className="promotion-title-nn">nn</span>
                    er operation (r
                    <span className="promotion-title-ec">ec</span>
                    ommended)
                </p>
            </div>
            <div className="promotion-text">{t('operation.title')}</div>
            <div className="promotion-text">
                {t('operation.title1')}
                <p className="text-indent">{t('operation.title2')}</p>
                <p className="text-indent">{t('operation.title3')}</p>
                <p className="text-indent">{t('operation.title4')}</p>
            </div>
            <div className="promotion-text">{t('operation.title5')}</div>
            <div className="promotion-text">{t('operation.title6')}</div>
            <div className="promotion-text">{t('operation.title7')}</div>
            <div className="promotion-text">{t('operation.title8')}</div>
		</div>
	)
}

const mapStoreToProps = () => {
	return {}
}

const mapDispatchToProps = () => {
	return {}
}

export default connect(mapStoreToProps, mapDispatchToProps)(Operation)